<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>新闻列表</title>
    <style type="text/css">
        .news_list{
            width: 602px;
            height: 290px;
            border: 1px solid #ddd;
            margin: 0 auto;
        }
        .news_list h3{
            width: 560px;
            height: 49px;
            margin: 0 auto;
            border-bottom: 1px solid #ddd;
        }
        .news_list h3 span{
            display: inline-block;
            height: 50px;
            font:18px/50px '雅黑';
            border-bottom: 2px solid red;
            padding: 0 15px;
            position: relative;
        }
        .news_list ul{
            list-style: none;
            width: 560px;
            height: 238px;
            padding: 0;
            margin: 7px auto 0;
        }
        .news_list ul li{
            height: 38px;
            border-bottom: 1px solid #ddd;
        }
        .news_list ul a {
            float: left;
            text-decoration: none;
            height: 38px;
            font:14px/38px '雅黑';
            color: #000;
        }
        .news_list ul span{
            float: right;
            height: 38px;
            font:14px/38px '雅黑';
            color: #000;
        }
        .news_list ul a:before{
            content: "· ";
        }
        .news_list ul a:hover{
            color: red;
        }
    </style>
</head>
<body>
    <div class="news_list">
        <h3><span>新闻列表</span></h3>
        <ul>
            <li><a href="#">崔龙洙解苏宁因何打动他要以学习的姿态去中超</a><span>2016-6-23</span></li>
            <li><a href="#">崔龙洙首尔告别战率队2-1胜赛后向球迷挥手作别</a><span>2016-6-23</span></li>
            <li><a href="#">曝国安苏宁争抢比甲铜靴意大利国脚身价650万欧</a><span>2016-6-23</span></li>
            <li><a href="#">崔龙洙或将现场看苏宁战恒大称被球队诚意打动</a><span>2016-6-23</span></li>
            <li><a href="#">中超转会汇总(更新中)国内足球招实习兼职编辑</a><span>2016-6-23</span></li>
            <li><a href="#">永昌官宣法国高中锋加盟联赛28场15球曾战欧冠</a><span>2016-6-23</span></li>
        </ul>
    </div>
</body>
</html>